<template>
    <div class="about">
        {{ num }}
        <acpn :name="name"></acpn>
        <bcpn @changenums="changenums"></bcpn>
        {{ $store.getters.getterList }}
    </div>
</template>

<script>
// @ is an alias to /src
import acpn from '../components/acpn.vue';
import bcpn from '../components/bcpn.vue';
export default {
    name: 'about',
    data() {
        return {
            name: 'wangfafa',
            num: 0
        };
    },
    components: {
        acpn,
        bcpn
    },
    beforeCreate() {
        console.log('about');
    },
    methods: {
        changenums(val) {
            this.num = val;
            console.log(val);
        }
    }
};
</script>
